<!DOCTYPE html>
<html>
<head>
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>login登录</title>
    <!-- 新 Bootstrap4 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">

    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>

    <!-- bootstrap.bundle.min.js 用于弹窗、提示、下拉菜单，包含了 popper.min.js -->
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>

    <!-- 最新的 Bootstrap4 核心 JavaScript 文件 -->
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.8.1/font/bootstrap-icons.css">
<!--    动画库-->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
</head>
<body>

<!-- 内容 -->
<div class="container">
    <div class="row">
        <div class="col" align="center">
            <h1>I Love You</h1>
            <p>去找一个像太阳一样的人</p>
            <p>帮你晒晒所有不值一提的迷茫</p>
        </div>
    </div>
    <div class="row">
        <div class="col">
            <div class="row">
                <div class="col-6">
                    <h2 align="right"><a href="/toLogin">登录</a> </h2>
                </div>
                <div class="col-6">
                    <h2 ><a href="/toRegister">注册</a></h2>
                </div>
            </div>
            <h4 align="center" class="animate__animated animate__flip" style="color: red" >{present name='$msg'}
                {$msg}
                {/present}</h4>
            <form action="login" method="post">
                <div class="form-group">
                    <label for="usr">邮箱:</label>
                    <input type="text" class="form-control" id="usr" name="email">
                </div>
                <div class="form-group">
                    <label for="pwd">密码:</label>
                    <input type="password" class="form-control" id="pwd" name="password">
                </div>
                <div class="form-group">
                    <input type="submit" class="form-control" value="登录">
                </div>
            </form>
        </div>
    </div>
</div>

<!-- 尾部 -->

</body>
</html>
